<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" href="../css/wealth.css" />
    <link rel="stylesheet" href="../fonts/iconfont/iconfont.css" />
    <title>粉丝e栈</title>
    <style type="text/css">

    </style>
</head>

<body>
    <!-- 头部  s -->

    <header class="aui-bar aui-bar-nav aui-bar-light" style="background: #4e536c;position: fixed;">
        <a class="aui-pull-left aui-btn" onclick="back()">
            <span class="aui-iconfont aui-icon-left" style="color: #FFFFFF;"></span>
        </a>
        <div class="aui-title" style="color: #FFFFFF;">粉丝e栈</div>
    </header>
    <!-- 头部  e -->

    <div class="wealth" style="margin-top: 2.8rem">
        <ul class="list">
        </ul>
    </div>
    <div class="center">暂无数据</div>
    <template id="list">
			<ul class="list">
				{{each data_list as value}}
				<li class="wealth-list" onclick="window.location.href='e_list.html?{{value.tt_id}}'">
					<div class="fx2 text-center">
						<img src="../images/wealth-stand.png" alt="" class="mr-auto">
						<span>粉丝e栈ID：{{value.tt_id}}</span>
					</div>
					<div class="fx2">
						<div class="count-list">
							<ul>
								<li>
									<span>E卡数量：</span>
									<span>{{value.cardnum}}</span>
								</li>
								<li>
									<span>面    值：</span>
									<span>{{value.type_ecard_money}}</span>
								</li>
								<li>
									<span>已激活：</span>
									<span>{{value.activitynum}}</span>

								</li>
								<li>
									<span>未激活：</span>
									<span>{{value.unactivitynum}}</span>
								</li>
								<li>
									<span>E卡区间：</span>
									<span>{{value.startnum}}-{{value.endnum}}</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="fx">
						<i class="iconfont icon-arrow-right"></i>
					</div>
				</li>
				{{/each}}
			</ul>

		</template>
    <script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../js/aui-toast.js" charset="utf-8"></script>
    <script src="../js/comment.js"></script>
    <script src="../js/aui-popup.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/template.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var obj = JSON.parse(window.localStorage.getItem('obj'))
        $.ajax({
            type: "get",
            url: url + "station/stationList?storeSn=" + obj.storeSn,
            success: function(result) {
                if (result.code == 200) {
                    toast.hide()
                    var res = result.datas.StationList.datas
                    if (res.error) {
                        $('.center').css('display', 'block');
                    } else {
                        if (res.data_list.length == 0) {
                            $('.center').css('display', 'block');
                        } else {
                            var result = result.datas.StationList.datas
                            var html = template("list", result);
                            $(".wealth").html(html);
                        }
                    }

                }
            },
            error: function(err) {
                toast.hide()
                $('.center').attr('display', 'block')
            }
        });
        //loading加载
        var toast = new auiToast({});
        showDefault('loading');
    </script>
</body>

</html>